<!-- 服务-云闪付列表组件 -->
<template name="paylistcom">
	<view class="paylist">
		<view class="list_eve" v-for="(item,index) in paylistArr" @click="navDetail(item.id,0)">
			<view class="list_title">
				<view class="title_t">
					<text class="list_title_one">{{item.shop_name}}</text>
					<text :class="statusColor[item.status]">{{item.statusText}}</text>
				</view>
				<view class="title_id"><text>商户UID: {{item.uid}}</text><text>门店UID: {{item.id}}</text></view>
			</view>
			<view class="list_con">
				<view class="list_item">
					<view class="item_title">银联商户号</view>
					<view class="item_text">{{item.merchant_id}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "paylistcom",
		data() {
			return {
				statusColor:{
					'0':'orangefont',//未审核
					'1':'bluefont',//审核通过
					'2':'redfont', //审核失败
					'-1':'greenfont' //未申请
				}
			};
		},
		methods:{
			navDetail:function(id,type){
				uni.navigateTo({
					url: '../paydetail/paydetail?id='+id+'&type='+type
				});
			}
		},
		props: {
			paylistArr:""
		}
	}
</script>

<style lang="scss" scoped>
	.paylist{
		.list_eve{
			background-color: #FFFFFF;
			padding: 0 30rpx;
			border-radius: $uni-border-radius-base;
			margin-top: 30rpx;
			&:nth-child(1){
				margin: 0;
			}
			.list_title{
				padding: 30rpx 0;
				border-bottom: 1rpx $uni-border-color-e5 solid;
				.title_t{
					display: flex;
					justify-content: space-between;
					.list_title_one{
						font-weight: bold;
						font-size: $uni-font-size-lg;
					}
				}
				.title_id{
					margin-top: 10rpx;
					font-size: $uni-font-size-sm;
					color: #999999;
					text{
						margin-right: 10rpx;
					}
				}
				
			}
			.list_con{
				padding: 15rpx 0;
				.list_item{
					display: flex;
					padding: 15rpx 0;
					.item_title{
						width: 25%;
						color: #999999;
					}
					.item_text{
						width: 75%;
					}
				}
			}
		}
	}
</style>
